import {size} from '@/app/utils';
import {StyleSheet} from 'react-native';
const styles = StyleSheet.create({
  touxiangbox:{
    width:size(38),
    height:size(38),
    // borderWidth:size(1),
    borderColor:'#E1E1E7',
    borderRadius:size(19),
    borderStyle:'solid',
    backgroundColor:'#f9f9f9',
  },
  touxiangimgbox:{
    width:size(38),
    height:size(38),
  },
  navcenterbox:{
    color:"#3D3D3D",
    fontWeight:"500",
    fontSize:size(17),
  },
  infocardbox:{
    width:size(337),
    height:size(124),
    backgroundColor:'#fff',
    shadowColor: 'rgba(0,0,0,0.15)',
    shadowOffset: { width:0, height:0 },
    shadowOpacity: 0.3,
    shadowRadius: 3,
    borderRadius:size(10),
    flexDirection:'row',
    // alignItems:'center',
    // justifyContent:'center',
  },
  infocardleftbox:{
    flex:1,
    paddingLeft:size(12),
    paddingTop:size(10),
  },
  infocardimg:{
    width:size(90),
    height:size(90),
    borderRadius:size(10),
    marginRight:size(20),
    marginTop:size(19),
  },
  infocardleftboximg:{
    width:size(37),
    height:size(37),
  },
  infocardleftboxrow:{
    flexDirection:'row',
    alignItems:'center',
  },
  infocardleftboxrowtext:{
    marginLeft:size(8),
    color:'#767676',
    fontSize:size(14),
  },
  infocardboxzongjine:{
    fontSize:size(27),
    color:'#1A1A1A',
    fontWeight:'700',
    lineHeight:size(27),
    marginTop:size(10),
  },
  infocardboxzongjinedesc:{
    fontSize:size(14),
    color:'#AAAAAA',
    marginTop:size(10),
  },
  infocardboxzongjine2desc:{
    fontSize:size(17),
    color:'#414550',
    fontWeight:'700',
  },
  menuiconbox:{
    marginLeft:size(18),
    marginRight:size(18),
    flexDirection:'row',
    justifyContent:"center",
    marginTop:size(20),
  },
  menuitemiconbox:{
    flex:1,
    flexDirection:'column',
    alignItems:'center',
    justifyContent:'center',
  },
  menuitemicon:{
    width:size(23),
    height:size(23),
    marginBottom:size(10)
  },
  menuitemicontext:{
    fontSize:size(12),
    color:"#1A1A1A"
  },
  noticebox:{
    flexDirection:'row',
    alignItems:"center",
    marginLeft:size(18),
    marginRight:size(18),
    backgroundColor:"#F6F6F6",
    borderRadius:size(11),
    height:size(44),
    marginTop:size(14),
    marginBottom:size(14),
    paddingLeft:size(10),
    paddingRight:size(10)
  },
  noticetextbox:{
    flex:1
  },
  noticeboxleftimg:{
    width:size(24),
    height:size(24)
  },
  noticeboxrightimg:{
    width:size(12),
    height:size(12)
  },
  noticetextboxtext:{
    paddingRight:size(10),
    paddingLeft:size(5),
    fontSize:size(14),
    color:"#3D3D3D"
  },
  swiperbox:{
    width:"100%"
  },
  swiperitembox:{
    width:size(320),
    height:size(112),
    marginLeft:size(10),
    backgroundColor:"#f9f9f9",
    borderRadius:size(10),
    resizeMode: 'cover',
  },
  tabbox:{
    paddingLeft:size(18),
    paddingRight:size(18)
  },
  tabItembox:{
    marginLeft:size(10),
    paddingTop:size(8),
    paddingBottom:size(8),
  },
  tabItemtextbox:{
    lineHeight:size(20),
    color:"#8E8D92",
    fontSize:size(15),
  },
  tabItemActive:{
    color:"#22262F",
    fontSize:size(15),
    fontWeight:'700'
  },
  tab2box:{
    // width:"100%",
    flexDirection:"row",
    alignItems:'center',
    marginLeft:size(18)
    // flex:1,
  },
  tab2boxcard:{
    height:size(20),
    paddingLeft:size(6),
    paddingRight:size(6),
    marginRight:size(12)
  },
  tab2boxcardactive:{
    backgroundColor:'#F4FCF7',
  },
  tab2boxcardtext:{
    color:'#AAAAAA',
    fontSize:size(14)
  },
  tab2boxcardtextactive:{
    color:'#13C57E'
  },
  tabletheader:{
    flex:1,
    flexDirection:"row",
    alignItems:'center',
    marginLeft:size(18),
    marginRight:size(18)
  },
  tabletheaderleft:{
    flex:1.4,
    flexDirection:'row',
    alignItems:'center'
  },
  tabletheaderlefticon:{
    width:size(28),
    height:size(28),
    backgroundColor:"#f9f9f9",
    borderRadius:size(14)
  },
  tabletheaderlefttextgroup:{
    flex:1,
    marginLeft:size(8)
  },
  listItemName:{
    color:"#16181E",
    fontSize:size(14),
    lineHeight:size(20)
  },
  listItemName2:{
    color:"#9C9C9D",
    fontSize:size(12),
    lineHeight:size(20)
  },
  listItemdesc:{
    color:"#9C9C9D",
    fontSize:size(12),
    lineHeight:size(20)
  },
  tabletheadercenter:{
    flex:1,
  },
  tabletheaderright:{
    width:size(90),
    marginLeft:size(6),
    flexDirection:'column',
    alignItems:'flex-end'
  },
  tableright:{
    textAlign:'right',
  },
  nametext:{
    color:'#8E8E90',
    fontSize:size(14),
    lineHeight:size(20)
  },
  tabletheaderrightbtn:{
    width:size(71),
    height:size(31),
    backgroundColor:"#EB4B6D",
    borderRadius:size(5)
  },
  tabletheaderrightbtntext:{
    textAlign:'center',
    lineHeight:size(31),
    color:'#fff',
    fontSize:size(14)
  },
  listItem:{
    marginTop:size(15)
  },
  listItemjiage:{
    lineHeight:size(20),
    fontSize:size(14),
    color:'#13C57E',
    fontWeight:'700'
  },
  listItemrmbjiage:{
    fontWeight:'500'
  },
  choutitouxiangbox:{
    width:size(96),
    height:size(96)
  },
  choutitouxiang:{
    flexDirection:'column',
    alignItems:'center',
    justifyContent:'center',
    width:"100%",
  },
  choutinametext:{
    marginTop:size(10),
    fontSize:size(20),
    fontWeight:'700',
    color:"#010101"
  },
  renzhengcardbox:{
    flexDirection:'row',
    alignItems:'center',
    borderWidth:size(1),
    borderColor:"#38B781",
    paddingLeft:size(11),
    paddingRight:size(11),
    paddingBottom:size(6),
    paddingTop:size(6),
    borderRadius:size(40),
    marginTop:size(10),
  },
  renzhengedcardbox:{
    borderColor:"#767676",
  },
  renzhengcardimg:{
    width:size(15),
    height:size(11),
    marginRight:size(7)
  },
  choutimenubox:{
    flexDirection:'row',
    alignItems:'center',
    marginTop:size(50),
    borderBottomColor:"#EEEFF5",
    borderBottomWidth:size(1),
    borderStyle:'solid',
    paddingBottom:size(20),
  },
  choutimenuitembox:{
    flex:1,
    flexDirection:'column',
    alignItems:'center',
    justifyContent:'center',
    // backgroundColor:'red'
  },
  choutimenuitemimg:{
    width:size(28),
    height:size(28),
  },
  choutimenuitemimgtext:{
    color:'#767676',
    fontSize:size(12),
    marginTop:size(10)
  },
  choutilistitembox:{
    flexDirection:'row',
    alignItems:'center',
    justifyContent:'space-between',
    height:size(60),
  },
  choutilistitemtextbox:{
    color:"#3D3D3D",
    fontSize:size(14),
  },
  login_box_footer_btn: {
      width: '100%',
      backgroundColor:'#38B781',
      alignItems: 'center',
      borderRadius: 25.5,
  },
  login_box_footer_btn_text: {
      height: size(45),
      lineHeight: size(45),
      textAlign: 'center',
      color: '#fff',
      fontSize: size(17),
  },
  choutibtngroupbox:{
    paddingLeft:size(18),
    paddingRight:size(18),
  },
  choutitouxiangboxgroup:{
    position:'relative',
    width:size(96),
    height:size(96)
  },
  lvimgbox:{
    position:'absolute',
    zIndex:2,
    elevation:2,
    top:size(64),
    right:size(-30)
  },
  lvimg:{
    width:size(59),
    height:size(17),
  },
  // 骨架屏样式
  skeletonContainer: {
    flex: 1,
    backgroundColor: '#fff',
  },
  skeletonCard: {
    width: size(337),
    height: size(124),
    backgroundColor: '#f0f0f0',
    borderRadius: size(10),
    marginTop: size(10),
    alignSelf: 'center',
  },
  skeletonMenuBox: {
    marginLeft: size(18),
    marginRight: size(18),
    flexDirection: 'row',
    justifyContent: 'center',
    marginTop: size(20),
  },
  skeletonMenuItem: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  skeletonMenuIcon: {
    width: size(23),
    height: size(23),
    backgroundColor: '#f0f0f0',
    borderRadius: size(4),
    marginBottom: size(10),
  },
  skeletonMenuText: {
    width: size(60),
    height: size(12),
    backgroundColor: '#f0f0f0',
    borderRadius: size(2),
  },
  skeletonNoticeBox: {
    flexDirection: 'row',
    alignItems: 'center',
    marginLeft: size(18),
    marginRight: size(18),
    backgroundColor: '#f0f0f0',
    borderRadius: size(11),
    height: size(44),
    marginTop: size(14),
    marginBottom: size(14),
    paddingLeft: size(10),
    paddingRight: size(10),
  },
  skeletonNoticeText: {
    flex: 1,
    height: size(14),
    backgroundColor: '#e0e0e0',
    borderRadius: size(2),
    marginLeft: size(5),
    marginRight: size(10),
  },
  skeletonTabBox: {
    paddingLeft: size(18),
    paddingRight: size(18),
    flexDirection: 'row',
    marginTop: size(20),
  },
  skeletonTabItem: {
    width: size(80),
    height: size(20),
    backgroundColor: '#f0f0f0',
    borderRadius: size(4),
    marginRight: size(10),
  },
  skeletonTableHeader: {
    flexDirection: 'row',
    marginLeft: size(18),
    marginRight: size(18),
    marginTop: size(20),
  },
  skeletonTableLeft: {
    flex: 1.4,
    flexDirection: 'row',
    alignItems: 'center',
  },
  skeletonTableIcon: {
    width: size(28),
    height: size(28),
    backgroundColor: '#f0f0f0',
    borderRadius: size(14),
  },
  skeletonTableTextGroup: {
    flex: 1,
    marginLeft: size(8),
  },
  skeletonTableText1: {
    width: size(60),
    height: size(14),
    backgroundColor: '#f0f0f0',
    borderRadius: size(2),
    marginBottom: size(4),
  },
  skeletonTableText2: {
    width: size(40),
    height: size(12),
    backgroundColor: '#f0f0f0',
    borderRadius: size(2),
  },
  skeletonTableCenter: {
    flex: 1,
    alignItems: 'flex-end',
  },
  skeletonTablePrice: {
    width: size(80),
    height: size(14),
    backgroundColor: '#f0f0f0',
    borderRadius: size(2),
    marginBottom: size(4),
  },
  skeletonTableRmb: {
    width: size(60),
    height: size(12),
    backgroundColor: '#f0f0f0',
    borderRadius: size(2),
  },
  skeletonTableRight: {
    width: size(90),
    marginLeft: size(14),
    alignItems: 'flex-end',
  },
  skeletonTableBtn: {
    width: size(71),
    height: size(31),
    backgroundColor: '#f0f0f0',
    borderRadius: size(5),
  },
  skeletonListItem: {
    flexDirection: 'row',
    alignItems: 'center',
    marginLeft: size(18),
    marginRight: size(18),
    marginTop: size(15),
  },
  icon: {
    width: size(15),
    height: size(15),
    marginLeft:size(8)
  },
})
export {styles};